.app-version-management {
  padding: 24px;
  background: #fff;
  margin-top: 16px;

  .ant-btn {
    border-radius: 2px;
    height: 32px;
    width: 82px;
    text-align: center;
    line-height: 32px;
    margin: 0;
    border: none;
    background-color: #f2f3f5;
    color: #4e5969;
    img {
      width: 14px;
      height: 14px;
    }
    &:hover {
      color: #4e5969!important;
      border: none;
      background-color: #f2f3f5!important;
    }
    &.ant-btn-primary {
      background: #165dff!important;
      margin-bottom: 20px;
      color: #ffffff!important;
      &:hover {
        color: #ffffff;
        background: #165dff;
      }
    }
  }

  .filterForm {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #e5e6eb;
    padding-bottom: 45px;
    .form {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      .field {
        display: flex;
        align-items: center;
        .label {
          width: 64px;
          margin-right: 16px;
          text-align: right;
          color: #4e5969;
        }
        .value {
          width: 243px;
          .ant-input-outlined,
          .ant-input,
          .ant-select .ant-select-selector,
          .ant-picker {
            background-color: #f2f3f5;
            border: none;
            border-radius: 2px;
          }
          // 重写 Input 样式
          .ant-input-outlined,
          .ant-input {
            &:hover, &:focus {
              background-color: #f2f3f5;
              box-shadow: none;
            }
          }

          // 重写 Select 样式
          .ant-select {
            &:hover {
              .ant-select-selector {
                background-color: #f2f3f5;
              }
            }
            &.ant-select-focused {
              .ant-select-selector {
                box-shadow: none;
              }
            }
          }

          // 重写 DatePicker 样式
          .ant-picker {
            &:hover {
              background-color: #f2f3f5;
            }

            &.ant-picker-focused {
              box-shadow: none;
            }

            input {
              background-color: #f2f3f5;
            }
          }
        }
      }
    }
    .rightAction {
      display: flex;
      flex-direction: column;
      padding-left: 20px;
      border-left: 1px solid #e5e6eb;
    }
  }

  .table-operations {
    margin: 21px 0 25px;
    
    button {
      margin-right: 8px;
      border-radius: 2px;
    }
  }

  // 表格样式调整
  .ant-table-wrapper {
    .ant-table {
      border-radius: 2px;

      .ant-table-thead > tr > th {
        background: #fafafa;
      }
    }

    .ant-pagination {
      .ant-pagination-total-text {
        color: #86909C;
        margin-right: 16px;
      }

      .ant-pagination-item {
        border-radius: 2px;
        border: none;
        
        a {
          color: #4E5969;
        }

        &.ant-pagination-item-active {
          background: #e8f3ff;
          
          a {
            color: #165dff;
          }
        }
      }

      .ant-pagination-prev,
      .ant-pagination-next {
        .ant-pagination-item-link {
          border-radius: 2px;
          border: 1px solid #E5E6EB;
          color: #4E5969;
        }
      }

      .ant-select-selector {
        border-radius: 2px !important;
        border: 1px solid #E5E6EB !important;
        color: #4E5969;
      }

      .ant-pagination-options-quick-jumper {
        color: #86909C;
        
        input {
          border-radius: 2px;
          border: 1px solid #E5E6EB;
          
          &:hover, &:focus {
            border-color: #165DFF;
          }
        }
      }
    }
  }
}